$border: 180*1upx;
.user-box {
  height: 40vh;
  background-color: var(--color-warning);
  border-bottom-left-radius: $border;
  padding-top: calc(44 * 2upx + env(safe-area-inset-top) + 20 * 1upx);
}

.user-content {
  height: $border;

  &:before, &:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-warning);
  }

  &:after {
    background-color: var(--app-color);
    border-top-right-radius: $border;
  }

  > text {
    z-index: 2;
  }
}

.user-avatar {
  width: 120*1upx;
  height: 120*1upx;

  &.fun-item-img {
    width: 80*1upx;
    height: 80*1upx;
    margin: 0 auto 20*1upx;
  }
}

.fun-container {
  margin-top: 80*1upx;
}


.rew-list {
  height: 110*1upx;
  line-height: 110*1upx;

  &:last-child {
    .rew-item {
      border-bottom: none;
    }
  }

  .rew-item {
    margin-left: 40*1upx;
  }

}